<div class="focus-container" (click)="onClick($event)" [style.borderColor]="(focusedUser | async)?.id | sqxStringColor">
    @if (focusedUser | async; as user) {
        <div class="focused">
            <div class="focus-user" [style.background]="user.id | sqxStringColor">{{ user.displayName }}</div>
        </div>
    }
    <ng-content></ng-content>
</div>
